<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link rel="stylesheet" type="text/css" href="/css/index.css">
    <script type="text/javascript" src="/js/jquery-1.11.1.min.js"></script>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{{ $en =='en'?"xnuou official website":"昕诺优官方网站" }}</title>
    <meta name="description" content="蒙阳水果批发小程序，蒙阳批发，柠檬批发，安岳柠檬，柠檬出口,干柠檬片,柠檬干片">
    <meta name="keywords" content="蒙阳水果批发小程序，蒙阳批发，柠檬批发，安岳柠檬，柠檬出口，干柠檬片，柠檬干片">
</head>
<body>
<div class="main">
    <div class="top">
        <div class="topImgBox" >

        </div>
        <div class="nav">
            <p class="navItem active">{{ $en =='en'?"HOME":"网站首页" }}</p>
            <p class="navItem">
                <a href="#gsjsBox">{{ $en =='en'?"INTRODUCE":"公司介绍" }}</a>
            </p>
            <p class="navItem">
                <a href="#cpBox">{{ $en =='en'?"PRODUCTS":"产品介绍" }}</a>
            </p>
            <p class="navItem">
                <a href="#footer">{{ $en =='en'?"CONTACT":"联系我们" }}</a>
            </p>
        </div>
        <div class="handle">
            <div class="handleBox">
                <p class="handleItem"><a href="/?en=zh">中文</a></p>
                <p class="handleItem shu">|</p>
                <p class="handleItem"><a href="/?en=en">English</a></p>
            </div>
            <div class="getQuote">
                <p>
                    <a href="#messageMap" style="color: #ffffff;">GET A QUOTE</a>
                </p>
            </div>
        </div>
    </div>
    <div class="swiperBox">
        <img src="https://img3.meitibashi.com/aa.png">
    </div>

    <div class="content">


        <div class="descripBox">
            <div class="descripTxtBox">
                <p class="descripTitle">{{ $en =='en'?"INTRODUCE":"公司介绍" }}</p>
                <p class="descripCon" style="text-indent: 2ch">{{ $en =='en'?$intro['content_en']:$intro['content'] }}</p>
            </div>
            <div class="descripImgBox">
                <img src="https://img3.meitibashi.com/bb.png">
            </div>
        </div>

        <div class="lemonBox">
            <p class="listTit">{{ $en =='en'?"PRODUCTS":"产品展示" }}</p>
            <div class="listBox">
                @foreach($product as $item)
                <div class="listItem">
                    <img src="{{$item['thumb']}}">
                    <p>{!! $item['content_en'] !!}</p>
                </div>
                @endforeach
            </div>
        </div>

        <div class="gsjsBox" id="gsjsBox">
            <img class="gsjsBg" src="https://img3.meitibashi.com//dd.png">
            <div class="gsjsCon">
{{--                <p class="gsjsTit">{{ $en =='en'?"PRODUCTS":"产品介绍" }}</p>--}}
                <div class="gsjsList">
                    @foreach($big as $item)
                    <div class="gsjsListItem">
                        <img src="{{$item['thumb']}}">
                        <p>{{ mb_substr($item['content_en'],0,300)."..." }}</p>
                    </div>
                    @endforeach

                </div>
            </div>
        </div>

        <div class="messageMap" id="messageMap">
            <div class="mapBox" id="mapBox">
                <!-- <img src="./img/map.png"> -->
            </div>
            <div class="messageBox">
                <p class="msgTit">{{ $en =='en'?"MESSAGE":"联系我们" }}</p>
                <p class="msgCon">Please contact us via email for a more detailed introduction. Looking forward to working with you</p>
                <table cellspacing="0" cellpadding="0" border="0" class="tabBox">
                    <tr>
                        <td height="50">
                            <span class="star">*</span>
                        </td>
                        <td height="50">
                            <input type="text" class="txts" placeholder="Full name" id="FullName">
                        </td>
                        <td height="50">
                            <span class="star">*</span>
                        </td>
                        <td height="50">
                            <input type="text" class="txts" placeholder="Work Email" id="email">
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <span></span>
                        </td>
                        <td>
                            <input type="text" class="txts" placeholder="WhatsApp/Phone e.g." id="phone">
                        </td>
                        <td>
                            <span class="star">*</span>
                        </td>
                        <td>
                            <input type="text" class="txts" placeholder="Company" id="company">
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <span class="star">*</span>
                        </td>
                        <td>
                            <input type="text" class="txts" placeholder="Aland isiands" id="address">
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <span class="star">*</span>
                        </td>
                        <td colspan="3">
                            <textarea class="txts" placeholder="MESSAGE" style="width: 100%;height: 1.9rem;" id="message"></textarea>
                        </td>
                    </tr>
{{--                    <tr>--}}
{{--                        <td>--}}

{{--                        </td>--}}
{{--                        <td>--}}
{{--                            <input type="file" name="" >--}}
{{--                        </td>--}}
{{--                    </tr>--}}
                    <tr>
                        <td>

                        </td>
                        <td>
                            <div class="submit" style="cursor:pointer">
                                <p onclick="submitMsg()">SUBMIT</p>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td>

                        </td>
                        <td>
                            <div class="NortonBox">
                                <img src="./img/hh.png">
                                <span>Norton</span>
                            </div>
                        </td>
                    </tr>
                </table>
            </div>
        </div>
    </div>

    <div class="footer" id="footer">
        <div class="footerList">
            <div class="footerItem">
                <div class="footerItemTop">
                    <img src="/img/ii.png">
                    <span>Address：中国四川省成都市彭州市凤凰大道南段699号</span>
                </div>
                <div class="footerItemBottom">
                    <img src="/img/jj.png">
                    <span>Contact:邓女士 徐先生</span>
                </div>
            </div>
            <div class="footerItem"></div>
            <div class="footerItem footerLine">
                <div class="footerItemTop">
                    <img src="/img/kk.png">
                    <span>Phone：+86 13688472106 +86 18382241925</span>
                </div>
                <div class="footerItemBottom">
                    <img src="/img/ll.png">
                    <span>Email:caroldeng@xnuou.com jackxu@xnuou.com</span>
                </div>
            </div>
            <div class="footerItem"></div>
            <div class="footerItem">
                <div class="footerItemTop">
                    <img src="/img/mm.png">
                    <span>Wechat：13688472106 18382241925</span>
                </div>
                <div class="footerItemBottom">
                    <img src="/img/nn.png">
                    <span>ProduceAt:中国四川省资阳市安岳县龙台镇</span>
                </div>
            </div>
        </div>
        <p class="footerTxt">Copyright © 2019-2024 昕诺优 <a href="https://beian.miit.gov.cn/#/Integrated/index" style="color: white">蜀ICP备2021025282号</a></p>
    </div>
</div>
<script type="text/javascript">
    // var width = document.body.clientWidth;
    var width = $(".content").width();
    var FS = width/1920*100;
    console.log(width)
    console.log(FS)
    $("html,body").css("font-size",FS);
    function submitMsg() {
        var flag = true;
        if($("#FullName").val() == "") {
            alert("FullName Is Must Be Fill!")
            return false;
        }
        if($("#email").val() == "") {
            alert("email Is Must Be Fill!")
            flag = false;
        }
        if($("#phone").val() == "") {
            alert("phone Is Must Be Fill!")
            return false;
        }
        if($("#company").val() == "") {
            alert("company Is Must Be Fill!")
            return false;
        }
        if($("#country").val() == "") {
            alert("country Is Must Be Fill!")
            return false;
        }
        if($("#message").val() == "") {
            alert("message Is Must Be Fill!")
            return false;
        }
        var email = $("#email").val()
        var myreg = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;
        if(!myreg.test(email))
        {
            alert('Please enter a valid Email');
            $("#email").focus();
            return false;
        }

        var phone = $("#phone").val()
        var company = $("#company").val()
        var address = $("#address").val()
        var message = $("#message").val()
        if(flag){
            $.ajax({
                async: true,
                url: '/send/mail',
                type: 'POST',
                data : {email:email,phone:phone,company:company,address:address,message:message},
                dataType: 'json',
                timeout: 30000,
                success: function (e) {
                    alert("submit success!")
                },
                error: function (e) {
                    console.log(e)
                }
            })
        }

    }

</script>
<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=b17d3c84a4ab81b55c928c68b4d02c1a"></script>
<script type="text/javascript" src="./js/map.js"></script>

</body>
</html>